<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>登录失效提示</title>  
    <style>
        body {  
            display: flex;  
            justify-content: center;  
            align-items: center;  
            height: 100vh;  
            margin: 0;  
            background-color: #f0f0f0;  
        }  
        
        .alert-box {  
            background-color: #ff6347;  
            color: white;  
            padding: 20px;  
            border-radius: 10px;  
            width: 300;  
        }
    </style>
</head>  
<body>  
    <div class="alert-box" id="alertBox">  
        <h1>登录失效</h1>  
        <p>很抱歉，您的登录已失效。请重新登录。</p>  
        <p>5秒之后自动跳转..........</p>
        <p><a href="/admin/login">也可手段点击跳转</a></p>
    </div>  
    <script src="script.js"></script>  
</body>  
<script>
    document.addEventListener("DOMContentLoaded", function() {  
    var alertBox = document.getElementById("alertBox");  
    setTimeout(function() {  
        alertBox.style.display = "none"; // 隐藏提示框  
        window.location.href = "/admin/login/login"; // 跳转到登录页面  
    }, 5000); // 5秒后执行  
});
</script>
</html>